<template>
  <div class="audition255">
    <p>1. class组件使用extends继承来创建组件，函数组件直接使用函数体形式</p>
    <p>2. class组件要先render再return，函数组件是直接return一个jsx</p>
    <p>3. class组件用state管理状态，函数组件不使用state，而是用hooks的useState</p>
    <p>4. class组件有一系列生命周期钩子，而函数组件用hooks的useEffect</p>
    <p>5. class组件用this捕获最新的props值，而函数组件不使用this</p>
  </div>
</template>

<script>
export default {
  name: 'Audition255'
}
</script>

<style>

</style>